<template>
	<view>
		<!-- hover-start-time  点击一段时间之后出现点击态 -->
		<!-- <view class="main" hover-class="hover" hover-start-time="3000">我是内容</view> -->
		
		<!-- hover-stay-time  点击态停留的时间 -->
		<view class="main" hover-class="hover" hover-stay-time="3000">我是内容</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.main{
		/* 无论什么设备,宽度都是750rpx */
		width: 200rpx;
		height: 200rpx;
		background: red;
	}
	.hover{
		background: #007AFF;
		
	}

</style>
